@font-face {
  font-family: 'iconfont';  /* project id 839705 */
  src: url('//at.alicdn.com/t/font_839705_x95gdifp9cn.eot');
  src: url('//at.alicdn.com/t/font_839705_x95gdifp9cn.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_839705_x95gdifp9cn.woff') format('woff'),
  url('//at.alicdn.com/t/font_839705_x95gdifp9cn.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_839705_x95gdifp9cn.svg#iconfont') format('svg');
}

@import 'header';
.writePage{
  display: block;
  position: relative;
  height: calc(100% - @headerHeight);
  box-sizing: border-box;
  color:#ffffff;
  overflow: hidden;
}
/*创建文集 Begin*/
.createAnthology{
  text-align: center;
  padding: 0 15px 0 15px;
  margin: 10px 0 10px 0;
}
.createAnthology span,.createAnthology pre{
  cursor: pointer;
  font-family: iconfont, serif;
}
.createAnthology span{
  margin-left: 5px;
}
.createAnthology pre{
  display: inline-block;
}
.createAnthology pre:before{
  content: "\e613";
}
.anthologyTitle{
  color:#999999;
  background-color: #595959;
  border: 1px solid #333333;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  box-sizing: border-box;
  width: 100%;
}
.anthologySubmit,.anthologyCancel{
  border: none
}
.anthologySubmit{
  background: #404040;
  border: 1px solid #EC7259;
  color: #EC7259;
}
.anthologyCancel{
  margin-left: 10px;
  background: #404040;
  border: 1px solid silver;
  color: silver;
}
/*创建文集 End*/

/*文集列表 Begin*/
.menuList{
  margin: 0;
  padding: 0;
  list-style: none;
}
@modificationHeight: 40px;
.menuItem{
  position: relative;
  cursor: pointer;
  padding: 0 15px;
  color: #ffffff;
  line-height: 40px;
  text-align : left
}
.menuItemTitle{
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin-right: @modificationHeight;
}
.menuItem:hover{
  background: #666666
}
@borderLeft: 3px;
.isClick{
  border-left: @borderLeft solid transparent;
}
.isClicked{
  background: #666666;
  border-left: @borderLeft solid #EC7259;
}
.modification-button{
  position: relative;
  width: @modificationHeight;
  height: @modificationHeight;
  float: right;
  text-align: center;
}
/*文集修改列表 Begin*/
.modification-list-none{
  display: none;
}
.modification-list-display{
  background: #ffffff;
  border-radius: 6px;
  color: #000000;
  display: block;
  padding: 0;
  position: absolute;
  list-style: none;
  top: 100%;
  right: 0;
  z-index: 100;
}
.modification-list-display:before{
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  content: "";
  display: inline-block;
  top: -9px;
  position: absolute;
  right: 12px;
}
.modification-item{
  display: block;
  padding: 10px 20px;
  position: relative;
  line-height: 20px;
  white-space: nowrap;
}
.modification-item-modify:hover{
  background: #666666;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.modification-item-delete:hover{
  background: #666666;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
/*文集修改列表 End*/
/*文集列表 End*/

@writePageLeftWidth: 16.5%;
@writePageRightWidth: 100% - @writePageLeftWidth;
.writePage-left,.writePage-right,.submenu,.editor{
  position: relative;
  height: 100%;
  display: inline-block;
}
.writePage-left{
  width: @writePageLeftWidth;
}
.menu{
  overflow: auto;
  background: #404040;
}
.writePage-right{
  width: @writePageRightWidth;
}
@submenuWidth: 30%;
@editorWidth: 100% - @submenuWidth;
.submenu{
  width: @submenuWidth;
  overflow-y:scroll;
}
.editor{
  width: @editorWidth;
  overflow: auto;
}

